*{margin: 0;padding: 0;}
.yingmoo-details{
    background-color: #f3f9ff;
    .yingmoo-header{
        width: 100%;
        background-color: #e6e6e6;
        height: 44px;
        p{
            width: 1200px;
            margin: 0 auto;
            line-height: 44px;
            font-size: 14px;
            span{
                .arrows{
                    margin-right: 20px;
                    margin-left: 2px;
                }
            }
            .home{
                margin-left: 75px;
                
            }
            .page-text{
                margin-right: 35px;
            }
            .register{
                margin-right: 27px;
            }
            .login{
                margin-right: 33px;
            }
            .merchant{
                margin-right: 102px;
                padding: 2px 6px;
                background-color: #f29600;
                font-size: 12px;
                color: white;
                
            }
            .tel{
                margin-left: 100px;
            }
            .num{
                .tel-img{
                    margin-left: 3px;
                    margin-right: 6px;
                }
            }
        }
    }
    .yingmoo-detailsnav{
        width: 1200px;
        height: 130px;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        .yingmoo-nav{
            width: 910px;
            display: flex;
            justify-content: space-between;
            .navlogo-text{
                .first-img2{padding-top: 20px;}
            }
            .yingmoo-nav-mean{
                margin-top: 20px;
                .yingmoo-nav-mean-div {
                  width: 495px;
                  height: 44px;
                  border: none;
                  display: flex;
                  justify-content: space-between;
                  .yingmoo-page-ipt {
                    width: 430px;
                    background-color: #f3f9ff;
                    font-size: 24px;
                    border: 1px solid #999999;
                  }
                  div {
                    border: none;
                    font-size: 14px;
                    p {
                      line-height: 44px;
                    }
                  }
                  .btn-soso {
                    width: 86px;
                    height: 44px;
                    color: white;
                    text-align: center;
                    background-color: #f29600;
                  }
                  .btn-sousuo {
                    width: 85px;
                    height: 44px;
                    text-align: center;
                    margin-top: 9px;
                  }
                }
            }
            .hot-sousuo {
                font-size: 11px;
                text-align: left;
                margin-top: 10px;
                color: #888888;
                span {
                  margin-left: 13px;
                }
                span:hover {
                  color: red;
                  cursor: pointer;
                }
                .hot_sousuo1 {
                  margin-right: 2px;
                }
            }
        }
        .btn-my {
          width: 260px;
          height: 44px;
          margin-top: 20px;
          display: flex;
          justify-content: space-between;
          div {
            width: 109px;
            background-color: #f29600;
            display: flex;
            justify-content: space-around;
            align-items: center;
            p {
              font-size: 14px;
              color: #036eb7;
            }
          }
          .btn-my-shopmall {
            width: 120px;
            border: 1px solid #036eb7;
            background-color: #f9f9f9;
            .img{
              width: 19px;
              height: 26px;
              background-color: #f9f9f9;
              background-image: url(../img/mine.png);
            }
            .img1{
              width: 8px;
              height: 4px;
              background-color: #f9f9f9;
              background-image: url(../img/so.png);
            }
          }
          .btn-my-settle{
            width: 130px;
            border: 1px solid #036eb7;
            background-color: #f9f9f9;
            .img2{
              width: 19px;
              height: 26px;
              background-color: #f9f9f9;
              background-image: url(../img/shopping.png);
            }
            .img1{
              width: 8px;
              height: 4px;
              background-color: #f9f9f9;
              background-image: url(../img/so.png);
            }
          }
          .btn-my-settle:hover{
            border: 1px solid #f29600;
            cursor: pointer;
            p{
              color: #f29600;
            }
            .img2{
              background-image: url(../img/shopping_hover.png);
            }
            .img1{
              background-image: url(../img/so_hover.png);
            }
          }
          .btn-my-shopmall:hover{
            border: 1px solid #f29600;
            cursor: pointer;
            p{
              color: #f29600;
            }
            .img{
              background-image: url(../img/mine_hover.png);
            }
            .img1{
              background-image: url(../img/so_hover.png);
            }
          }
        }
    }
    .yingmoo-column{
        height: 44px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        .navstrip {
          width: 100%;
          height: 44px;
          background-color: #3fa9f5;
        }
        .navbag{
            width: 1200px;
            height: 44px;
            margin: 0 auto;
            position: relative;
            top: -44px;
            .column-navbar{
                .column-title {
                    width: 247px;
                    background-color: #036eb7;
                    text-align: center;
                    line-height: 44px;
                    font-size: 16px;
                    color: #f29600;
                    position: relative;
                    .column-arrow {
                        position: absolute;
                        top: 0;
                        left: 247px;
                        z-index: 90;
                    }
                }
            
                .media-nav-tab {
                    width: 247px;
                    z-index: 11;
                    background-image: url(../img/bg-left1.png);
                    background-repeat: no-repeat;
                    background-color: #036eb7;
                    background-position: bottom;
                    position: absolute;
                    display: none;
                    a{
                        text-decoration:none;
                        li {
                            color: white;
                            text-align: center;
                            line-height: 45px;
                            font-size: 15px;
                            &:hover {
                                color: #f29600;
                                background-color: #c7e8fa;
                                cursor: pointer;
                                list-style: none;
                            }
                        }
                    }
                    
                }
                .coverage {
                  width: 249px;
                  height: 450px;
                  background-color: rgba(217, 239, 252, 0.6);
                  z-index: 999;
                  position: absolute;
                  top: 45px;
                  left: 247px;
                  display: none;
                  button {
                    width: 130px;
                    height: 45px;
                    background-color: #f29600;
                    color: white;
                    text-align: center;
                    border: none;
                    font-size: 16px;
                    margin-left: 60px;
                    margin-top: 15px;
                  }
                  ul {
                    margin-left: 40px;
                    margin-top: 30px;
                    li {
                      list-style: none;
                      line-height: 32px;
                      font-size: 14px;
                      color: #333333;
                    }
                    li:hover {
                      color: #f29600;
                    }
                  }
                  ul:nth-child(2) {
                    float: left;
                    margin-right: 50px;
                  }
        
                }
            }
            
            .column-subtitle {
                width: 953px;
                height: 44px;
                margin-left: 247px;
                background-color: #3fa9f5;
                display: flex;
                justify-content: space-between;
                line-height: 44px;
                color: white;
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;
                list-style: none;
                a{
                    text-decoration:none;
                    li {
                      width: 136px;
                      text-align: center;
                      color: #fff;
                      font-size: 15px;
                      background-image: url(../img/bg-nav.png);
                      background-position: left center;
                      background-repeat: no-repeat;
                      &:last-child {
                        border-right: none;
                      }
                      &:hover {
                        background-color: darken(#3fa9f5, 10%);
                      }
                    }
                }
             }
        }
        
    }
     .locat {
        width: 1200px;
        height: 50px;
        margin: 0 auto;
        display: flex;
        img {
            width: 10px;
            height: 14px;
            margin-top: 19px;
            margin-right: 5px;
        }
        p {
            font-size: 12px;
            line-height: 50px;
            color: #666666;
            font-weight: bold;
            span {
                font-weight: 1;
            }
            .text {
                color: #f29600;
            }
        }
    }
    .clunm-conten {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      .clunm-result {
        width: 950px;
        display: flex;
        background-color: white;
        .clunm-left {
          height: 435px;
          width: 515px;
          .result-top {
            height: 339px;
            width: 514px;
            overflow: hidden;
          }
          .result-down {
            width: 515px;
            display: flex;
            justify-content: space-around;
            margin-top: 15px;
          }
        }
        .clunm-right {
          margin-left: 30px;
          h3 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 13px;
            margin-top: 10px;
          }
          .time {
            color: #999999;
          }
          p {
            font-size: 14px;
            color: #666666;
            margin-bottom: 14px;
          }
          button {
            width: 130px;
            height: 40px;
            border: none;
            font-size: 14px;
          }
          .hot {
            background-color: #e6e6e6;
            color: #999999;
            background-image: url(../img/hot.png);
            background-repeat: no-repeat;
            background-position: 25% center;
            text-align: center;
            padding-left: 30px;
            &:hover {
              background-image: url(../img/hot-hover.png);
              color: #f29600;
            }
          }
          .shop {
            background-color: #f29600;
            color: white;
            background-image: url(../img/shop.png);
            background-repeat: no-repeat;
            background-position: 15% center;
            text-align: center;
            padding-left: 30px;
            &:hover {
              background-color: #bf7d1f;
            }
          }
        }
      }
      .shop-detail {
        width: 225px;
        height: 435px;
        text-align: center;
        background-color: white;
        h4 {
          color: white;
          background-color: #036eb7;
          line-height: 41px;
          font-size: 18px;
          text-align: center;
          font-weight: bold;
        }
        h3 {
          font-weight: bold;
          margin-top: 5px;
          line-height: 55px;
          font-size: 16px;
        }
        img {
          margin-bottom: 5px;
        }
        p {
          font-size: 14px;
          color: #333333;
          padding-top: 19px;
        }
        button {
          width: 139px;
          height: 32px;
          font-size: 14px;
          color: white;
          background-color: #f29600;
          border: none;
          margin-top: 20px;
        }
      }
    }
    .details-message {
      width: 1200px;
      height: 770px;
      margin: 0 auto;
      margin-top: 25px;
      display: flex;
      justify-content: space-between;
      .message-left {
        width: 950px;
        height: 765px;
        overflow: hidden;
        .tab-nav {
          display: flex;
          width: 950px;
          height: 40px;
          background-color: white;
          .tab-message{
              color: white;
              background-color: #036eb7;
          }
          li {
            width: 135px;
            height: 40px;
            border: 1px solid #e6e6e6;
            color: #666666;
            line-height: 40px;
            text-align: center;
            background-color: white;
            list-style: none;
            &:hover {
              color: white;
              background-color: #036eb7;
              border: 1px solid #036eb7;
            }
            &:nth-child(1) {
              border-right: none;
            }
            &:nth-child(2) {
              border-right: none;
            }
          }
        }
        .message {
          height: 722px;
          .classify {
            display: flex;
            ul {
              width: 340px;
              margin-top: 25px;
              margin-left: 5px;
              li {
                font-size: 15px;
                color: #666666;
                font-weight: bold;
                line-height: 34px;
                list-style: none;
                span {
                  color: #999999;
                  font-weight: 100;
                }
              }
            }
          }
          .media-intro {
            width: 935px;
            margin-top: 20px;
            p {
              font-size: 15px;
              color: #666666;
              font-weight: bold;
              line-height: 28px;
              span {
                color: #999999;
                font-weight: 100;

              }
            }
          }
          .firm-intro {
            width: 935px;
            margin-top: 25px;
            p {
              font-size: 15px;
              color: #666666;
              font-weight: bold;
              line-height: 28px;
              span {
                color: #999999;
                font-weight: 100;

              }
            }
          }
          .discusses-nav {
            width: 910px;
            height: 40px;
            background-color: #e6e6e6;
            color: #666666;
            font-size: 14px;
            line-height: 40px;
            padding-left: 40px;
            margin: 30px 0 20px 0;
          }
          .discusses {
            p {
              width: 935px;
              font-size: 14px;
              padding-left: 10px;
              line-height: 30px;
              span {
                color: #666666;
                width: 445px;
                display: inline-block;
              }
              .text {
                width: 75px;
                color: #036eb7;
              }
              .imges {
                width: 150px;
                padding-left: 22px;
              }
              .score {
                width: 45px;
                color: #f29600;
                font-weight: bold;
              }
              .time {
                width: 160px;
                text-align: right;
                margin-left: 20px;
              }
            }
          }
          .synthesize {
            .block{
                #star{
                    width: 150px !important;
                    float: right;
                    margin-right: 710px;
                }
            }
            p {
              width: 935px;
              font-size: 14px;
              padding-left: 10px;
              line-height: 37px;
              color: #666666;
              span {
                width: 445px;
                display: inline-block;
                line-height: 50px;
              }
              .text {
                width: 75px;
              }
              .imges {
                width: 150px;
                padding-left: 12px;
                position: relative;
                top: 5px;
              }
              .score {
                width: 45px;
                color: #f29600;
                font-size: 20px;
                font-weight: bold;
                position: relative;
                top: 2px;
              }
            }
            .discuss {
              width: 555px;
              height: 80px;
              display: flex;
              .alen {
                width: 80px;
                height: 80px;
                line-height: 80px;
                display: inline-block;
              }
              .discuss-text {
                input {
                  width: 465px;
                  height: 80px;
                  border: 1px solid #036eb7;
                  background-color: #f1faff;
                  padding-left: 10px;
                  font-size: 14px;
                  margin-left: 20px;
                }
                .btn {
                  button {
                    width: 100px;
                    height: 30px;
                    background-color: #e6e6e6;
                    border: none;
                    font-size: 14px;
                    color: #666666;
                    outline: none;
                    line-height: 30px;
                    margin-top: 20px;
                    &:nth-child(1) {
                      margin-left: 20px;
                    }
                    &:nth-child(1):hover {
                      color: #f29600;
                    }
                    &:nth-child(2) {
                      margin-left: 24px;
                      background-color: #f29600;
                      color: white;
                    }
                    &:nth-child(2):hover {
                      background-color: #bf7d1f;
                    }
                  }
                }
              }
            }
          }
        }
      }
     
      .message-right {
        width: 225px;
        height: 770px;
        h4 {
          font-size: 20px;
          border-bottom: 3px solid #036eb7;
          line-height: 38px;
          color: #036eb7;
          font-weight: bold;
        }
        .small-model {
          width: 225px;
          height: 235px;
          background-color: white;
          margin-top: 20px;
          img {
            width: 100%;
          }
          p {
            font-size: 16px;
            color: #333333;
            line-height: 25px;
            text-align: center;
          }
          .price {
            font-size: 14px;
            color: #f29600;
          }
          .path {
            font-size: 14px;
            color: #999999;
          }
        }
        .text-model {
          p {
            font-size: 16px;
            color: #333333;
            line-height: 33px;
            text-align: center;
            &:nth-child(1) {
              margin-top: 12px;
            }
          }
        }
      }
    }
    .yingmoo-xxx {
      width: 1200px;
      height: 300px;
      margin: 0 auto;
      background-color: transparent;
      margin-top: 30px;
      .column-navbar {
        height: 44px;
        line-height: 44px;
        position: relative;
        &.grey {
          background-color: #e6e6e6;
        }
        .column-title {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          width: 247px;
          color: #fbb03b;
          font-size: 18px;
          background-color: #036eb7;
          .column-icon {
            margin-left: 26px;
          }
          .column-arrow {
            position: absolute;
            right: -26px;
            top: 0;
          }
        }
      }
      .column-content {
        width: 1200px;
        background-color: transparent;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        .media-model {
          width: 224px;
          height: 235px;
          margin-top: 20px;
          dd {
            background-color: white;
            height: 24px;
            line-height: 24px;
            padding-left: 10px;
          }
          .media-text-first {
            font-size: 15px;
            padding-top: 9px;
          }
          .media-text-secend {
            font-size: 12px;
            color: #f29600;
          }
          .media-text-city {
            font-size: 12px;
            color: #999999;
            padding-bottom: 6px;
            span {
              padding-left: 15px;
            }
          }
        }
      }
    }
    .footer-bar {
      .w1200 {
        width: 1200px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
      }

      .footer-bg {
        height: 240px;
        background-color: #f3f9ff;
        /*    background: linear-gradient(to bottom, #c6dbed 0%,#f3f9ff 100%);*/
        background-image: url(../img/ymDetailsfooter-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
      }
      .footer-about {
        margin-top: 30px;
        h5 {
          &:extend(.footer-links h5);
        }
        ul {
          width: 180px;
          float: left;
          h5 {
            padding-top: 35px;
            padding-bottom: 20px;
            color: #f29600;
            font-weight: bold;
            font-size: 18px;
          }
          li {
            &:extend(.footer-links p);
            line-height: 36px;
            list-style: none;
            a {
              font-size: 16px;
              color: white;
              &:extend(.footer-links p a);
            }
          }
        }
        .we {
          float: right;
          width: 520px;
          h5 {
            font-size: 18px;
            padding-top: 35px;
            color: #f29600;
            font-weight: bold;
          }
          .icons {
            padding-top: 15px;
            padding-bottom: 8px;
            a {
              margin-right: 22px;
            }
          }
          .text {
            color: white;
            line-height: 28px;
            margin-right: 0;
            font-size: 16px;
          }
        }
      }

      .footer-copyright {
        height: 108px;
        background: #1a1a1a;
        .w1200 {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .copyright {
          color: #fff;
          font-size: 14px;
          line-height: 30px;
          p {
            display: flex;
            align-items: center;
          }
          span {
            margin-right: 10px;
          }
          img {
            margin-right: 3px;
          }
        }
        .safety a {
          float: left;
          margin-left: 12px;
          img {
            display: block;
          }
        }
      }
    }
    
}
